<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>上传附件</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
</head>
<link rel="stylesheet" type="text/css" href="css/comm.css">
<body>
<div class="container">
    <header>
        <div class="back">
            <img src="img/back.png">
        </div>
        上传附件
    </header>
    <div class="content-shangchuanfujian content">
        <div class='shangchuanfujian-item'>
            <p class='shangchuanfujian-title'>
                身份证上传
            </p>
            <div class="shangchuanfujian-img">
                <div id='idCardBox'>
                </div>
                <div class="shangchuanfujian-imgBox">
                    <label for="inputfileidCard">
                        <img src="img/upload.png">
                        <input class='inputfile idCardInput' id="inputfileidCard" data-tag='idCard' data-max='2'
                               type="file" name='file' accept="image/*"/>
                    </label>
                </div>
            </div>
            <p class="shangchuanfujian-des">
                支持ipg、png格式，最大3M，最多可上传5张，最低1张
            </p>
        </div>

        <div class='shangchuanfujian-item'>
            <p class='shangchuanfujian-title'>
                校园卡
            </p>
            <div class="shangchuanfujian-img">
                <div id='schoolBox'>
                </div>
                <div class="shangchuanfujian-imgBox">
                    <label for="inputfileschool">
                        <img src="img/upload.png">
                        <input class='inputfile schoolInput' id="inputfileschool" data-tag='school' data-max='1'
                               type="file" name='file' accept="image/*"/>
                    </label>
                </div>
            </div>
            <p class="shangchuanfujian-des">
                支持ipg、png格式，最大3M，最多可上传5张，最低1张
            </p>
        </div>

        <div class='shangchuanfujian-item'>
            <p class='shangchuanfujian-title'>
                学信网
            </p>
            <div class="shangchuanfujian-img">
                <div id='xuexinBox'>
                </div>
                <div class="shangchuanfujian-imgBox">
                    <label for="inputfilexuexin">
                        <img src="img/upload.png">
                        <input class='inputfile xuexindInput' id="inputfilexuexin" data-tag='xuexin' data-max='1'
                               type="file" name='file' accept="image/*"/>
                    </label>
                </div>
            </div>
            <p class="shangchuanfujian-des">
                支持ipg、png格式，最大3M，最多可上传5张，最低1张
            </p>
        </div>

        <div class='shangchuanfujian-item'>
            <p class='shangchuanfujian-title'>
                学生证
            </p>
            <div class="shangchuanfujian-img">
                <div id='studentCardBox'>
                </div>
                <div class="shangchuanfujian-imgBox">
                    <label for="inputfilestudentCard">
                        <img src="img/upload.png">
                        <input class='inputfile studentCardInput' id="inputfilestudentCard" data-tag='studentCard' data-max='1'
                               type="file" name='file' accept="image/*"/>
                    </label>
                </div>
            </div>
            <p class="shangchuanfujian-des">
                支持ipg、png格式，最大3M，最多可上传5张，最低1张
            </p>
        </div>

        <div class='shangchuanfujian-item'>
            <p class='shangchuanfujian-title'>
                支付宝
            </p>
            <div class="shangchuanfujian-img">
                <div id='alipayBox'>
                </div>
                <div class="shangchuanfujian-imgBox">
                    <label for="inputfilealipay">
                        <img src="img/upload.png">
                        <input class='inputfile alipayInput' id="inputfilealipay" data-tag='alipay' data-max='1'
                               type="file" name='file' accept="image/*"/>
                    </label>
                </div>
            </div>
            <p class="shangchuanfujian-des">
                支持ipg、png格式，最大3M，最多可上传5张，最低1张
            </p>
        </div>

        <div class='shangchuanfujian-item'>
            <p class='shangchuanfujian-title'>
                银行流水
            </p>
            <div class="shangchuanfujian-img">
                <div id='bankBox'>
                </div>
                <div class="shangchuanfujian-imgBox">
                    <label for="inputfilebank">
                        <img src="img/upload.png">
                        <input class='inputfile bankInput' id="inputfilebank" data-tag='bank' data-max='1'
                               type="file" name='file' accept="image/*"/>
                    </label>
                </div>
            </div>
            <p class="shangchuanfujian-des">
                支持ipg、png格式，最大3M，最多可上传5张，最低1张
            </p>
        </div>

        <div class="submit">提交申请</div>
    </div>
</div>
<div class="canver">
    上传中...
</div>
<script src="https://code.jquery.com/jquery-2.2.3.min.js"></script>
<script type="text/javascript" src="js/comm.js"></script>
</body>
</html>
